/* div {
    width: 200px;
    height: 200px;
    background-color: white;
    border:1px solid green;
    }
    div:hover {
        background-color: black;
        color: white;
        margin-left: 50px;
        transition-property: background-color, color, margin-left;
        transition-duration: 1s;
        transition-timing-function: linear;
        transition-timing-function: cubic-bezier(0.25, 0.67, 0.11, 0.55);
        transition-timing-function: steps(10,end);
        transition-delay: 0s, 1s, 0s;
        transition: background-color 1s ease 0s, color 1s ease 0s, margin-left1s ease 0s;
        transition: all 1s ease 0s;
        -webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
transition: all 1s ease 0s;
        } */
        /* @-webkit-keyframes myani {}
        @-moz-keyframes myani {}
        @-o-keyframes myani {}
        @-ms-keyframes myani {}
        @keyframes myani {}
        @keyframes name {
            }
            div {
                width: 200px;
                height: 200px;
                background-color: white;
                border: 1px solid green;
                animation-name: myani;
                animation-duration: 1s;
                animation-timing-function: ease-in;
                animation-delay: 1s;
                animation-iteration-count: infinite;
                animation-direction: alternate;
                animation-play-state: paused;
                animation-fill-mode: forwards;
                animation-iteration-count: 4;
                animation-direction: alternate;
                animation: myani 1s ease 2 alternate 0s both;
                -webkit-animation: myani 1s ease 2 alternate 0s both;
                -moz-animation: myani 1s ease 2 alternate 0s both;
                -ms-animation: myani 1s ease 2 alternate 0s both;
                transition: all 1s ease 0s;
                }
                
                @keyframes myani {
                    
                    0% {
                    background-color: white;
                    margin-left:0px;
                    }
                    50% {
                    background-color: black;
                    margin-left:100px;
                    }
                    100% {
                    background-color: white;
                    margin-left:0px;
                    } 
                }
                 */
                 body {
                    width: 960px;
                    margin: 0 auto;
                    color: white;
                    }
                    header {
                    height: 120px;
                    background-color: olive;
                    }
                    aside {
                    width: 200px;
                    height: 500px;
                    background-color: purple;
                    float: left;
                    }
                    section {
                    width: 760px;
                    height: 500px;
                    background-color: maroon;
                    float:right;
                    }
                    footer {
                    height: 120px;
                    background-color: gray;
                    clear:both;
                    }
                    body {
                        width: auto;
                        }
                        aside {
                        width: 20%;
                        }
                        section {
                        width: 80%;
                        }